<template>
<!-- 
    父子组件通信
        通过new Vue()这样一个对象,来$on('事件名',fn(prop1,prop2))
        另一个组件引入同一个vuebus,来$emit('事件名',prop1,prop2)
 -->
    <div>
        <h2>组件通信</h2>
        <iphone-cone></iphone-cone>
        <button @click="listen">父级的紧急通信</button>
    </div>
</template>

<script type="text/ecmascript-6">
// 引入子组件对象
import iphoneCone from '@/components/iphoneCone.vue'
// 引入连接器
import connect from "../connector.js"
  export default{
      data(){
          return {

          }
      },
      methods:{
          listen(){
            //   使用$on绑定监听子级元素传递消息
              connect.$on('phone',(msg)=>{
                  console.log(msg)
              })
          }
      },
      components:{
          iphoneCone
      }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">

 
</style>
